/*
* @Author: HYDN
* @Date:   2019-12-27 17:49:48
* @Last Modified by:   HYDN
* @Last Modified time: 2020-01-13 17:11:25
*/
.nav
{
	height: 30px;
	background-color: #f2f2f2;
	width: 100%;
}
.container{
	width: 1200px;
	height: 35px;
	margin: 0px auto;
}

.navleft{
	width: 400px;
	height: 35px;
	float: left;
}
.navleft>ul>li{
	float: left;
	padding: 0px 9px;
	line-height: 35px;
	color: grey;
	font-size: 11px;
	cursor: pointer;
	position: relative;
}
.wechatcode{
	position: absolute;
	top: 35px;
	left: 0px;
	display: none;
}
.wechatcode li{
	background: white;
	padding: 20px;
	text-align: center;
	color: black;
	line-height: 15px;
	color: grey;
}
.appcode{
	position: absolute;
	top: 35px;
	left: 0px;
	display: none;
}
.appcode li{
	background: white;
	padding: 10px;
	text-align: center;
	color: black;
	line-height: 15px;
	color: grey;
	font-size: 10px;
}
 .navleft>ul>li:hover{
	color: red;
} 
.navleft li:nth-of-type(2):hover{
	background: white;
}
.navleft li:nth-of-type(3):hover{
	background: white;
}
.nav .icon{
	fill: #ffb680;
	font-size: 18px;
	line-height: 35px
}
.navright{
	width: 700px;
	height: 35px;
	float: right;

}
.navright>ul>li{
	display: inline-block;
	padding: 0px 9px;
	line-height: 35px;
	color: grey;
	font-size: 11px;
	cursor: pointer;
}
.navright span{
	color: grey;
	line-height: 35px;
	font-size: 11px;
}
 .navright>ul>li:hover{
	color: red;
}
 .navright li:nth-of-type(1){
	margin: 0px 0px;
}
.navright li:nth-of-type(4):hover{
	background: white;
}
.navright li:nth-of-type(5):hover{
	background: white;
}
.navright li:nth-of-type(6):hover{
	background: white;
}
.navright li span{
	color: #ff6a00;
}
.navright .customer{
	position: relative;
}
.customer ul{
	position: absolute;
	background: white;
	font-size: 10px;
	display: none;
	color: black;
	color: black;
}
.customer li{
	padding:0px 4px;
	cursor: pointer;
}
.customer li:hover{
	color: red;
}
.header{
	width: 1200px;
	height: 120px;
	margin: 0px auto;
}
.header h2{
	line-height:120px;
	color: #ff6a00;
	float: left;
	font-size: 35px;
	font-family: 隶书;
	margin: 0px 272px 0px 0px;
}
.hmiddle{
	width:320px ;
	height: 34px;
	margin-top: 40px;
	margin-right: 100px;
	float: left;
}
.hmiddle input{
	height: 34px;
	width: 235px;
	outline: none;
	border: 1px solid #ff6a00;
}
.hmiddle button{
	width: 83px;
	height: 35px;
	text-align: center;
	color: white;
	font-size: 17px;
	float: right;
	background: #ff6a00;
	border: 1px solid #ff6a00;
	cursor: pointer;
}
.header .r{
	float: left;
	width: 270px;
	height: 30px;
	margin-top: 40px;
}

.header .icon{
	fill: #ffb680;
	font-size: 30px;
	line-height: 35px;
	margin: auto;
}
.r span{
	font-size: 12px;
	color: grey;
	vertical-align: center;
}
.r span:nth-of-type(2){
	margin: auto 22px;
}
.con{
	width: 100%;
	height: 474px;
	background: url('../images/login.img/login_bg.jpg');
}
.con .box{
	width:1200px;
	height: 474px;
	margin: 0px auto;
}
.box .r{
	width: 440px;
	height: 440px;
	float: right;
	background: white;
	margin-top: 15px;
	position: relative;
}
/* 登录的导航栏 */
.cnav{
	width: 100%;
	height: 56px;
	border-bottom: 1px solid grey;
}
.cnav li{
	width: 146px;
	line-height: 56px;
	float: left;
	font-size: 19px;
	text-align: center;
	cursor: pointer;
}
.cnav .current{
	border-bottom: 3px solid red ;
}
/* 微信账号手机登录下面对应的样式 */
.ccon{
	height: 290px;
	width: 100%;
}
.ccon li{
	width: 100%;
	height: 290px;
	position: absolute;
	top: 56px;
	display: none;
}
.ccon .p{
	display: block;
}
.wechat img{
	width: 138px;
	height: 138px;
	margin: 62px 160px 34px 152px;
}
.wechat p{
	text-align: center;
	line-height: 25px;
	font-size: 18px;
}
.r>p{
	margin: 0px 136px;
	color: grey;
	line-height: 20px;
	font-size: 14px;
}
p>span{
	margin: 0px 27px;
}
p svg{
	font-size: 18px;
}
.r .foot{
	width: 100%;
	line-height: 43px;
    background: #f7f9fa;
	margin-top: 28px;
	text-align: center;
	cursor: pointer;
}
.number{
	height: 40px;
	width: 315px;
	margin: 20px 60px 10px 60px;
}
.number svg{
	font-size: 20px;
	line-height: 40px;
	margin: 3px 0px;
}
.smile{
	height: 38px;
	width: 43px;
	float: left;
	outline: none;
	border: 1px solid grey;
	border-right: none;
}
.smile svg{
	margin-top: 10px;
	margin-left: 10px

}
.number input{
	height: 38px;
	width: 270px;
	float: right;
	outline: none;
	border: 1px solid grey;
	border-left: none;
}
.number span{
	line-height: 38px;
	font-size: 20px;
	margin: 0px auto;
}
.pw{
	height: 40px;
	width: 315px;
	margin: 0px 60px 0px 60px;
	position: relative;
}
.lock{
	height: 38px;
	width: 43px;
	float: left;
	outline: none;
	border: 1px solid grey;
	border-right: none;
}
.lock svg{
	margin-top: 10px;
	margin-left: 10px

}
.pw input{
	height: 38px;
	width: 270px;
	float: right;
	outline: none;
	border: 1px solid grey;
	border-left: none;
}
.forget span{
	width: 60px;
	float: right;
	margin-right: 62px;
}
.login{
	line-height: 40px;
	width: 315px;
	margin: 60px auto 0px;
	border-radius: 30px;
	background: #ff734c;
	color: white;
	font-size: 20px;
	text-align: center;
	height: 40px;
	cursor: pointer;
}
.code{
	width: 97px;
	line-height: 40px;
	float: right;
	background: #d3d7da;
	font-size: 13px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	cursor: pointer;
}
.tip{
	width: 100%;
	height: 13px;
}
.tip p{
	width: 140px;
	margin:20px auto;
	text-align: center;
	line-height: 13px;
	font-size: 12px;
}
.bfoot{
	width: 1124px;
	padding: 0px 38px;
	margin: 30px auto;
	font-size: 12px;
}
.bfoot span{
	margin: 0px 35px;
	color: grey;
}
 a{
	text-decoration: none;
	color: grey;
}
.bfmiddle{
	width: 540px;
	margin: 30px auto;
}
.bfoot1{
    width: 880px;
	padding: 0px 160px;
	margin: 0px auto;
	font-size: 12px;
	color: grey;
}
.bfoot1 a:hover{
	color: red;
}
.bfoot1 a{
	margin: 0px 5px;
	color: grey;
}
.bfoot2{
    width: 240px;
	padding: 0px 480px;
	margin: 5px auto 30px;
	font-size: 12px;
	color: grey;
}
.bfoot2 a:hover{
	color: red;
	text-decoration: underline;
}
.seek{
	position: fixed;
	right: 60px;
	bottom: 0px;
	background: #ff6a00;
	width: 145px;
	line-height: 40px;
	color: white;
	font-size: 17px;
	text-align: center;
	cursor: pointer;
}
.seek span{
	width: 40px;
	height: 40px;
	float: left;
	border-right: 1px solid;
}
.seek .icon{
	color: white;
	font-size: 24px;
}

.seek_con{
	width: 333px;
	height: 100%;
	background: #fcfcfc;
	position: fixed;
	bottom: 0px;
	right: 0px;
	border-radius: 10px;
	overflow: hidden;
	display: none;
}
.seek_con .head{
	height: 60px;
	width: 100%;
	background: #ff6600;
	color: white;
}
.seek_con .head img{
	margin: 10px;
	border-radius: 50px;
	vertical-align: middle;
}
.seek_con .head span:nth-of-type(1){
    width: 15px;
    height: 15px;
    margin-top: 20px;
	margin-left: 130px;
	transform:rotate(180deg);
	cursor: pointer;
}
.seek_con .head .icon{
	transform:rotate(180deg);
	font-size: 18px;
}
.seek_con .win{
	width: 100%;
	height: 550px;
	margin: 10px 0px;
}
.seek_con>textarea{
	width: 100%;
	height: 60px;
	background: white;
	border-top: 1px solid #eeee;
	outline: none;
}
.seek_con .seed{
	display: inline-block;
	width: 60px;
	line-height: 30px;
	background: #ff6600;
	margin-left: 175px;
	color: white;
	text-align: center;
	cursor: pointer;

}